<template>
    <div id="big" style="width: 100%;">
        <div id="c" style="height: 20%;">
            <el-form ref="form" :model="params">
                <el-container>
                    <el-form-item style="margin-left: 20px">
                        <el-input v-model="params.Name" placeholder="账户名称" :clearable="true"></el-input>
                    </el-form-item>
                    <el-form-item style="margin-left: 20px">
                        <el-button type="primary" @click="list">模糊搜索</el-button>
                    </el-form-item>
                </el-container>
            </el-form>
            <el-divider></el-divider>
        </div>


        <div id="b" style="width: 84%;margin-left: 1%;height: 80%;overflow-y: scroll">
            <el-table
                    :data="showData"
                    @row-click="getRow"
                    border>
                <el-table-column
                        prop="bankId"
                        label="序号">
                </el-table-column>
                <el-table-column
                        prop="bankName"
                        label="账户名称">
                </el-table-column>
                <el-table-column
                        prop="account"
                        label="账号">
                </el-table-column>
                <el-table-column
                        prop="bankOfDeposit"
                        label="开户银行">
                </el-table-column>
            </el-table>
            <el-divider></el-divider>
            
        </div>

    </div>
</template>

<script>

    import bankModel from '../../model/wyh/bankModel.js'
    //获取数据模型对象
    const em = new bankModel();

    export default {
        name: "ProjectTypeBigData",
        data(){
            return{
                pageResult:{},
                showData:[],
                params:{},
                
            }
        },
        methods:{
            list(){
                em.list(this.params).then((response)=>{
                    console.log(response.data.data);
                    console.log(123);
                    this.showData=response.data.data
                })
            },
          
            getRow(row){
                this.$emit("row",row)
            },
            
        },
        created() {
            this.list()
        }
    }
</script>

<style scoped>
    #b {
        width: 1000px;
        float: left;
    }
    #big{
        width: 1200px;
        height: 500px;
    }

</style>
